<!DOCTYPE html>
<html class="no-js" xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
    
    <h:head>
        <meta charset="utf-8" />
        <title> Cadastrar Departamento </title>
        <meta name="description" content="" />
        <meta name="viewport" content="width=device-width" />

        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />        
        <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
        <link rel="stylesheet" href="bootstrap/css/main.css" />        
        <link href="http://static.scripting.com/github/bootstrap2/css/bootstrap.css" rel="stylesheet"> </link>
		
		<script src="http://static.scripting.com/github/bootstrap2/js/jquery.js"></script>
		<script src="http://static.scripting.com/github/bootstrap2/js/bootstrap-transition.js"></script>
		<script src="http://static.scripting.com/github/bootstrap2/js/bootstrap-modal.js"></script>
		<script>
			$(document).ready(function() {
				$('#windowTitleDialog').bind('show', function () {
					document.getElementById ("xlInput").value = document.title;
					});
				});
			function closeDialog () {
				$('#windowTitleDialog').modal('hide'); 
				};
			function okClicked () {
				document.title = document.getElementById ("xlInput").value;
				closeDialog ();
				};
			</script>
			
			<style>
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        	</style>
        
    </h:head>
    
    <h:body>
    
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">

                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>

                    <div class="nav-collapse collapse">

                        <ul class="nav">

                            <li class="active"><a href="index.xhtml">Home</a></li>
                            <li><a data-toggle="modal" href="#windowabout">Sobre</a></li>
                            <li><a data-toggle="modal" href="#windowcontact">Contato</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">

            
            
            <div id="windowabout" class="modal hide fade" tabindex="-1" >
				<div class="modal-header">
					<a href="#" class="close" data-dismiss="modal"></a>
					<H2>Sobre o sistema...</H2>
					
					</div>
				<div class="modal-body">
					<div class="divDialogElements">
						<h3>Sistema criado para avaliação da disciplina de Tecnologia Web do curso 
					de Análise e Desenvolvimento de Sistemas - 2013.2. Disciplina ministrada
					pelo Prof. Nelson Oliveira</h3>
						</div>
					</div>
			</div>
			
			<div id="windowcontact" class="modal hide fade" tabindex="-1" >
				<div class="modal-header">
					<a href="#" class="close" data-dismiss="modal"></a>
					<H2>Criado por:</H2>
					
					</div>
				<div class="modal-body">
					<div class="divDialogElements">
						<h3>Italo Lamark G. Medeiros</h3>
						<h3>TADS - 6°P. - 2013.2</h3>
						</div>
					</div>
				</div>
           
                      <H1>Cadastrar Departamento</H1>
                      <p>Cadastre um novo departamento da empresa. São setores/ áreas de divisão da empresa. Como RH, TI, Comercial</p>

				<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>Departamento</legend>

<!-- Text input-->
<div class="control-group">
  <label class="control-label" for="nomeDepartamento">Nome</label>
  <div class="controls">
    <input id="nomeDepartamento" name="nomeDepartamento" type="text" 
    placeholder="Digite o nome do Departamento" class="input-large"
    value="#{departamentoMB.departamento.codigoDepartamento}">
    </input>
  </div>
</div>

<!-- Button -->
<div class="control-group">
  <label class="control-label" for="salvarNomeDepartamento"></label>
  <div class="controls">
    <button id="salvarNomeDepartamento" name="salvarNomeDepartamento" 
    class="btn btn-primary" 
				action="#{departamentoMB.salvarDepartamento}">Salvar</button>
  </div>
</div>

</fieldset>
</form>

           

        </div> <!-- /container -->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="bootstrap/js/vendor/jquery-1.9.1.min.js"></script>

        <script src="bootstrap/js/vendor/bootstrap.min.js"></script>

        <script src="bootstrap/js/plugins.js"></script>
        <script src="bootstrap/js/main.js"></script>

    </h:body>
</html>